<!-- http://www.imooc.com/wiki/uniapp/databinding.html -->
<template>
	<view>
		<view class="container_1">
		  <view class="tab_view">
			  <view class="left">
				  <text>预报名</text>
			  </view>
			  <view class="right">
				  <text>正式报名</text>
			  </view>
		  </view>
		</view>
		
	</view>
</template>

<script>
	
</script>

<style lang="scss">
	.container_1 {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: 1fr 1fr;
	  gap: 0px 0px;
	  grid-auto-flow: row;
	  grid-template-areas:
	    "tab_view tab_view"
	    ". .";
	}
	
	.tab_view {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: 1fr;
	  gap: 0px 0px;
	  grid-auto-flow: row;
	  grid-template-areas:
	    "left right";
	  grid-area: tab_view;
	}
	
	.left { 
		grid-area: left; 
		margin: auto;
	}
	
	.right {
		grid-area: right; 
		margin: auto;
	}


</style>